<template>
  <div class="homepage">
    <!-- 头部 -->
    <div class="mytitle">
      <back></back>
      <a>个人资料</a>
      <a class="bc" @click="update">保存</a>
    </div>
    <div class="content">
      <!-- 换头像 -->
      <div class="pic">
        <span>更新头像</span>
        <div>
          <van-uploader
            v-model="fileList"
            :after-read="onRead"
            multiple
            :max-count="1"
          />
        </div>
      </div>
      <!-- 改名字 -->
      <div class="myname">
        <span>昵称</span>
        <div>
          <input
            type="text"
            placeholder="请输入昵称"
            maxlength="8"
            v-model="uname"
          />
        </div>
      </div>
      <!-- 改性别 -->
      <div class="sex">
        <p>性别</p>
        <van-radio-group v-model="gender" direction="horizontal">
          <van-radio name="0">女</van-radio>
          <van-radio name="1">男</van-radio>
        </van-radio-group>
      </div>
      <!-- 修改密码 -->
      <div class="pwd">
        <div>修改密码</div>
        <div>
          <router-link to="/Cipher">
            <van-icon name="arrow" color="#999" size="16px" />
          </router-link>
        </div>
      </div>
      <!--所在城市 -->
      <div class="city">
        <van-field
          class="cityin"
          v-model="area"
          is-link
          readonly
          label="地区"
          placeholder="请选择所在地区"
          @click="show = true"
        />
        <van-popup v-model="show" round position="bottom">
          <van-cascader
            v-model="cascaderValue"
            title="请选择所在地区"
            :options="options"
            active-color="#007bff"
            @close="show = false"
            @finish="onFinish"
          />
        </van-popup>
      </div>
      <!-- 简介 -->
      <div class="introduce">
        <div class="tit">简介</div>
        <div>
          <textarea
            class="mytext"
            v-model="autograph"
            cols="30"
            rows="5"
            maxlength="100"
          ></textarea>
        </div>
      </div>
    </div>
    <tabbar></tabbar>
  </div>
</template>

<script>
export default {
  data() {
    return {
      uid: sessionStorage.getItem("uid"),
      // 上传头像
      fileList: [],
      // 个人资料
      username: [],
      uname: "",
      gender: "1",
      autograph: "",
      activeIcon: "https://img01.yzcdn.cn/vant/user-active.png",
      inactiveIcon: "https://img01.yzcdn.cn/vant/user-inactive.png",
      // 地区
      show: false,
      area: "",
      cascaderValue: "",
      // 选项列表，children 代表子选项，支持多级嵌套
      options: [
        {
          text: "北京",
          value: "330000",
          children: [
            { text: "东城区", value: "330100" },
            { text: "西城区", value: "330200" },
            { text: "朝阳区", value: "330100" },
            { text: "丰台区", value: "330100" },
            { text: "石景山区", value: "330100" },
            { text: "海淀区", value: "330100" },
            { text: "门头沟区", value: "330100" },
            { text: "房山区", value: "330100" },
            { text: "通州区", value: "330100" },
            { text: "顺义区", value: "330100" },
            { text: "昌平区", value: "330100" },
            { text: "大兴区", value: "330100" },
            { text: "怀柔区", value: "330100" },
            { text: "平谷区", value: "330100" },
            { text: "密云区", value: "330100" },
            { text: "延庆区", value: "330100" },
          ],
        },
        {
          text: "山西省",
          value: "320000",
          children: [
            { text: "太原市", value: "320100" },
            { text: "大同市", value: "320200" },
            { text: "阳泉市", value: "320100" },
            { text: "长治市", value: "320100" },
            { text: "晋城市", value: "320100" },
            { text: "朔州市", value: "320100" },
            { text: "晋中市", value: "320100" },
            { text: "忻州市", value: "320100" },
            { text: "临汾市", value: "320100" },
            { text: "吕梁市", value: "320100" },
            { text: "运城市", value: "320100" },
          ],
        },
        {
          text: "河北省",
          value: "340000",
          children: [
            { text: "石家庄市", value: "340100" },
            { text: "邯郸市", value: "340200" },
            { text: "保定市", value: "340300" },
            { text: "承德市", value: "340400" },
            { text: "唐山市", value: "340500" },
            { text: "廊坊市", value: "340600" },
            { text: "沧州市", value: "340700" },
            { text: "衡水市", value: "340800" },
            { text: "邢台市", value: "340900" },
          ],
        },
        {
          text: "辽宁省",
          value: "350000",
          children: [
            { text: "沈阳市", value: "350100" },
            { text: "大连市", value: "350200" },
            { text: "鞍山市", value: "350300" },
            { text: "抚顺市", value: "350400" },
            { text: "本溪市", value: "350500" },
            { text: "丹东市", value: "350600" },
            { text: "锦州市", value: "350700" },
            { text: "营口市", value: "350800" },
            { text: "阜新市", value: "350900" },
            { text: "辽阳市", value: "351000" },
            { text: "盘锦市", value: "351100" },
            { text: "铁岭市", value: "351200" },
            { text: "朝阳市", value: "351300" },
            { text: "葫芦岛市", value: "351400" },
            { text: "新民市", value: "351500" },
            { text: "瓦房店市", value: "351600" },
            { text: "庄河市", value: "351700" },
            { text: "海城市", value: "351800" },
            { text: "东港市", value: "351900" },
            { text: "凌海市", value: "352000" },
            { text: "北镇市", value: "352100" },
            { text: "北镇盖州市", value: "352200" },
            { text: "大石桥市", value: "352300" },
            { text: "灯塔市", value: "352400" },
            { text: "调兵山市", value: "352500" },
            { text: "北票市", value: "352600" },
            { text: "凌源市", value: "352700" },
            { text: "兴城市", value: "352800" },
          ],
        },
        {
          text: "吉林省",
          value: "360000",
          children: [
            { text: "长春市", value: "360100" },
            { text: "吉林市", value: "360200" },
            { text: "四平市", value: "360300" },
            { text: "辽源市", value: "360400" },
            { text: "通化市", value: "360500" },
            { text: "白山市", value: "360600" },
            { text: "松原市", value: "360800" },
            { text: "白城市", value: "360900" },
            { text: "榆树市", value: "361000" },
            { text: "德惠市", value: "361100" },
            { text: "公主岭市", value: "361200" },
            { text: "蛟河市", value: "361300" },
            { text: "桦甸市市", value: "361400" },
            { text: "舒兰市", value: "361500" },
            { text: "磐石市", value: "361600" },
            { text: "双辽市", value: "361700" },
            { text: "梅河口市", value: "361800" },
            { text: "集安市", value: "361900" },
            { text: "临江市", value: "362000" },
            { text: "扶余市", value: "362100" },
            { text: "洮南市", value: "362200" },
            { text: "大安市", value: "362300" },
            { text: "延吉市", value: "362400" },
            { text: "图们市", value: "362500" },
            { text: "敦化市", value: "362600" },
            { text: "珲春市", value: "362700" },
            { text: "龙井市", value: "362800" },
            { text: "和龙市", value: "362900" },
          ],
        },
        {
          text: "黑龙江省",
          value: "370000",
          children: [
            { text: "哈尔滨市", value: "370100" },
            { text: "齐齐哈尔市", value: "370200" },
            { text: "鸡西市", value: "370300" },
            { text: "鹤岗市", value: "370400" },
            { text: "双鸭山市", value: "370500" },
            { text: "大庆市", value: "370600" },
            { text: "伊春市", value: "370700" },
            { text: "佳木斯市", value: "370800" },
            { text: "七台河市", value: "370900" },
            { text: "牡丹江市", value: "371000" },
            { text: "黑河市", value: "371100" },
            { text: "绥化市", value: "371200" },
            { text: "尚志市", value: "371300" },
            { text: "五常市", value: "371400" },
            { text: "讷河市", value: "371500" },
            { text: "虎林市", value: "371600" },
            { text: "密山市", value: "371700" },
            { text: "铁力市", value: "371800" },
            { text: "同江市", value: "371900" },
            { text: "富锦市", value: "372000" },
            { text: "抚远市", value: "372100" },
            { text: "绥芬河市", value: "372200" },
            { text: "海林市", value: "372300" },
            { text: "宁安市", value: "372400" },
            { text: "穆棱市", value: "372500" },
            { text: "东宁市", value: "372600" },
            { text: "嫩江市", value: "372700" },
            { text: "北安市", value: "372800" },
            { text: "五大连池市", value: "372900" },
            { text: "安达市", value: "373000" },
            { text: "肇东市", value: "373100" },
            { text: "海伦市", value: "373200" },
            { text: "漠河市", value: "373300" },
          ],
        },

        {
          text: "江苏省",
          value: "380000",
          children: [
            { text: "南京市", value: "380100" },
            { text: "无锡市", value: "380200" },
            { text: "徐州市", value: "380300" },
            { text: "常州市", value: "380400" },
            { text: "苏州市", value: "380500" },
            { text: "南通市", value: "380600" },
            { text: "连云港市", value: "380700" },
            { text: "淮安市", value: "380800" },
            { text: "盐城市", value: "380900" },
            { text: "扬州市", value: "381000" },
            { text: "镇江市", value: "381100" },
            { text: "泰州市", value: "381200" },
            { text: "宿迁市", value: "381300" },
            { text: "江阴市", value: "381400" },
            { text: "宜兴市", value: "381500" },
            { text: "新沂市", value: "381600" },
            { text: "邳州市", value: "381700" },
            { text: "溧阳市", value: "381800" },
            { text: "常熟市", value: "381900" },
            { text: "张家港市", value: "382000" },
            { text: "昆山市", value: "382100" },
            { text: "太仓市", value: "382200" },
            { text: "启东市", value: "382300" },
            { text: "如皋市", value: "382400" },
            { text: "海安市", value: "382500" },
            { text: "东台市", value: "382600" },
            { text: "仪征市", value: "382700" },
            { text: "高邮市", value: "382800" },
            { text: "丹阳市", value: "382900" },
            { text: "扬中市", value: "383000" },
            { text: "句容市", value: "383100" },
            { text: "兴化市", value: "383200" },
            { text: "靖江市", value: "383300" },
            { text: "泰兴市", value: "383400" },
          ],
        },
        {
          text: "浙江省",
          value: "390000",
          children: [
            { text: "杭州市", value: "390100" },
            { text: "宁波市", value: "390200" },
            { text: "温州市", value: "390300" },
            { text: "嘉兴市", value: "390400" },
            { text: "湖州市", value: "390500" },
            { text: "绍兴市", value: "390600" },
            { text: "金华市", value: "390700" },
            { text: "衢州市", value: "390800" },
            { text: "舟山市", value: "390900" },
            { text: "台州市", value: "391000" },
            { text: "丽水市", value: "391100" },
            { text: "建德市", value: "391200" },
            { text: "余姚市", value: "391300" },
            { text: "慈溪市", value: "391400" },
            { text: "瑞安市", value: "391500" },
            { text: "乐清市", value: "391600" },
            { text: "龙港市", value: "391700" },
            { text: "海宁市", value: "391800" },
            { text: "平湖市", value: "391900" },
            { text: "桐乡市", value: "392000" },
            { text: "诸暨市", value: "392100" },
            { text: "嵊州市", value: "392200" },
            { text: "兰溪市", value: "392300" },
            { text: "义乌市", value: "392400" },
            { text: "东阳市", value: "392500" },
            { text: "永康市", value: "392600" },
            { text: "江山市", value: "392700" },
            { text: "温岭市", value: "392800" },
            { text: "临海市", value: "392900" },
            { text: "玉环市", value: "393000" },
            { text: "龙泉市", value: "393100" },
          ],
        },

        {
          text: "安徽省",
          value: "400000",
          children: [
            { text: "合肥市", value: "400100" },
            { text: "芜湖市", value: "400200" },
            { text: "蚌埠市", value: "400300" },
            { text: "淮南市", value: "400400" },
            { text: "马鞍山市", value: "400500" },
            { text: "淮北市", value: "400600" },
            { text: "铜陵市", value: "400700" },
            { text: "安庆市", value: "400800" },
            { text: "黄山市", value: "400900" },
            { text: "滁州市", value: "401000" },
            { text: "阜阳市", value: "401100" },
            { text: "六安市", value: "401200" },
            { text: "亳州市", value: "401300" },
            { text: "池州市", value: "401400" },
            { text: "宣城市", value: "401500" },
            { text: "巢湖市", value: "401600" },
            { text: "无为市", value: "401700" },
            { text: "潜山市", value: "401800" },
            { text: "桐城市", value: "401900" },
            { text: "天长市", value: "402000" },
            { text: "明光市", value: "402100" },
            { text: "界首市", value: "402200" },
            { text: "广德市", value: "402300" },
            { text: "宁国市", value: "402400" },
          ],
        },
        {
          text: "福建省",
          value: "410000",
          children: [
            { text: "福州市", value: "410100" },
            { text: "厦门市", value: "410200" },
            { text: "莆田市", value: "410300" },
            { text: "三明市", value: "410400" },
            { text: "泉州市", value: "410500" },
            { text: "漳州市", value: "410600" },
            { text: "南平市", value: "410700" },
            { text: "龙岩市", value: "410800" },
            { text: "宁德市", value: "410900" },
            { text: "福清市", value: "411000" },
            { text: "永安市", value: "411100" },
            { text: "石狮市", value: "411200" },
            { text: "晋江市", value: "411300" },
            { text: "南安市", value: "411400" },
            { text: "邵武市", value: "411500" },
            { text: "武夷山市", value: "411600" },
            { text: "建瓯市", value: "411700" },
            { text: "漳平市", value: "411800" },
            { text: "福安市", value: "411900" },
            { text: "福鼎市", value: "412000" },
          ],
        },
        {
          text: "江西省",
          value: "420000",
          children: [
            { text: "南昌市", value: "420100" },
            { text: "景德镇市", value: "420200" },
            { text: "萍乡市", value: "420300" },
            { text: "九江市", value: "420400" },
            { text: "新余市", value: "420500" },
            { text: "鹰潭市", value: "420600" },
            { text: "赣州市", value: "420700" },
            { text: "吉安市", value: "420800" },
            { text: "宜春市", value: "420900" },
            { text: "抚州市", value: "421000" },
            { text: "上饶市", value: "421100" },
            { text: "乐平市", value: "421200" },
            { text: "瑞昌市", value: "421300" },
            { text: "共青城市", value: "421400" },
            { text: "庐山市", value: "421500" },
            { text: "贵溪市", value: "421600" },
            { text: "龙南市", value: "421700" },
            { text: "瑞金市", value: "421800" },
            { text: "井冈山市", value: "421900" },
            { text: "丰城市", value: "422000" },
            { text: "樟树市", value: "422100" },
            { text: "高安市", value: "422200" },
            { text: "德兴市", value: "422300" },
          ],
        },
        {
          text: "山东省",
          value: "430000",
          children: [
            { text: "济南市", value: "430100" },
            { text: "青岛市", value: "430200" },
            { text: "淄博市", value: "430300" },
            { text: "枣庄市", value: "430400" },
            { text: "东营市", value: "430500" },
            { text: "烟台市", value: "430600" },
            { text: "潍坊市", value: "430700" },
            { text: "济宁市", value: "430800" },
            { text: "泰安市", value: "430900" },
            { text: "威海市", value: "431000" },
            { text: "日照市", value: "431100" },
            { text: "临沂市", value: "431200" },
            { text: "德州市", value: "431300" },
            { text: "聊城市", value: "431400" },
            { text: "滨州市", value: "431500" },
            { text: "菏泽市", value: "431600" },
            { text: "胶州市", value: "431700" },
            { text: "平度市", value: "431800" },
            { text: "莱西市", value: "431900" },
            { text: "滕州市", value: "432000" },
            { text: "龙口市", value: "432100" },
            { text: "莱阳市", value: "432200" },
            { text: "莱州市", value: "432300" },
            { text: "招远市", value: "432400" },
            { text: "栖霞市", value: "432500" },
            { text: "海阳市", value: "432600" },
            { text: "青州市", value: "432700" },
            { text: "诸城市", value: "432800" },
            { text: "寿光市", value: "432900" },
            { text: "安丘市", value: "433000" },
            { text: "高密市", value: "433100" },
            { text: "昌邑市", value: "433200" },
            { text: "曲阜市", value: "433300" },
            { text: "邹城市", value: "433400" },
            { text: "新泰市", value: "433500" },
            { text: "肥城市", value: "433600" },
            { text: "荣成市", value: "433700" },
            { text: "乳山市", value: "433800" },
            { text: "乐陵市", value: "433900" },
            { text: "禹城市", value: "434000" },
            { text: "临清市", value: "434100" },
            { text: "邹平市", value: "434200" },
          ],
        },
        {
          text: "河南省",
          value: "440000",
          children: [
            { text: "郑州市", value: "440100" },
            { text: "开封市", value: "440200" },
            { text: "洛阳市", value: "440300" },
            { text: "平顶山市", value: "440400" },
            { text: "安阳市", value: "440500" },
            { text: "鹤壁市", value: "440600" },
            { text: "新乡市", value: "440700" },
            { text: "焦作市", value: "440800" },
            { text: "濮阳市", value: "440900" },
            { text: "许昌市", value: "441000" },
            { text: "漯河市", value: "441100" },
            { text: "三门峡市", value: "441200" },
            { text: "南阳市", value: "441300" },
            { text: "商丘市", value: "441400" },
            { text: "信阳市", value: "441500" },
            { text: "周口市", value: "441600" },
            { text: "驻马店市", value: "441700" },
            { text: "巩义市", value: "441800" },
            { text: "荥阳市", value: "441900" },
            { text: "新密市", value: "442000" },
            { text: "新郑市", value: "442100" },
            { text: "登封市", value: "442200" },
            { text: "舞钢市", value: "442300" },
            { text: "汝州市", value: "442400" },
            { text: "林州市", value: "442500" },
            { text: "长垣市", value: "442600" },
            { text: "卫辉市", value: "442700" },
            { text: "辉县市", value: "442800" },
            { text: "沁阳市", value: "442900" },
            { text: "孟州市", value: "443000" },
            { text: "禹州市", value: "443100" },
            { text: "长葛市", value: "443200" },
            { text: "义马市", value: "443300" },
            { text: "灵宝市", value: "443400" },
            { text: "邓州市", value: "443500" },
            { text: "永城市", value: "443600" },
            { text: "项城市", value: "443700" },
            { text: "济源市", value: "443800" },
          ],
        },
        {
          text: "湖北省",
          value: "450000",
          children: [
            { text: "武汉市", value: "450100" },
            { text: "黄石市", value: "450200" },
            { text: "十堰市", value: "450300" },
            { text: "宜昌市", value: "450400" },
            { text: "襄阳市", value: "450500" },
            { text: "鄂州市", value: "450600" },
            { text: "荆门市", value: "450700" },
            { text: "孝感市", value: "450800" },
            { text: "荆州市", value: "450900" },
            { text: "黄冈市", value: "451000" },
            { text: "咸宁市", value: "451100" },
            { text: "随州市", value: "451200" },
            { text: "大治市", value: "451300" },
            { text: "丹江口市", value: "451400" },
            { text: "宜都市", value: "451500" },
            { text: "当阳市", value: "451600" },
            { text: "枝江市", value: "451700" },
            { text: "老河口市", value: "451800" },
            { text: "枣阳市", value: "451900" },
            { text: "宜城市", value: "452000" },
            { text: "钟祥市", value: "452100" },
            { text: "京山市", value: "452200" },
            { text: "应城市", value: "452300" },
            { text: "安陆市", value: "452400" },
            { text: "汉川市", value: "452500" },
            { text: "监利市", value: "452600" },
            { text: "石首市", value: "452700" },
            { text: "洪湖市", value: "452800" },
            { text: "松滋市", value: "452900" },
            { text: "麻城市", value: "453000" },
            { text: "武穴市", value: "453100" },
            { text: "赤壁市", value: "453200" },
            { text: "广水市", value: "453300" },
            { text: "恩施市", value: "453400" },
            { text: "利川市", value: "453500" },
            { text: "仙桃市", value: "453600" },
            { text: "潜江市", value: "453700" },
            { text: "天门市", value: "453800" },
          ],
        },
        {
          text: "广东省",
          value: "460000",
          children: [
            { text: "广州市", value: "460100" },
            { text: "韶关市", value: "460200" },
            { text: "深圳市", value: "460300" },
            { text: "珠海市", value: "460400" },
            { text: "汕头市", value: "460500" },
            { text: "佛山市", value: "460600" },
            { text: "江门市", value: "460700" },
            { text: "湛江市", value: "460800" },
            { text: "茂名市", value: "460900" },
            { text: "肇庆市", value: "461000" },
            { text: "惠州市", value: "461100" },
            { text: "梅州市", value: "461200" },
            { text: "汕尾市", value: "461300" },
            { text: "河源市", value: "461400" },
            { text: "阳江市", value: "461500" },
            { text: "清远市", value: "461600" },
            { text: "东莞市", value: "461700" },
            { text: "中山市", value: "461800" },
            { text: "潮州市", value: "461900" },
            { text: "揭阳市", value: "462000" },
            { text: "云浮市", value: "462100" },
            { text: "乐昌市", value: "462200" },
            { text: "南雄市", value: "462300" },
            { text: "台山市", value: "462400" },
            { text: "开平市", value: "462500" },
            { text: "鹤山市", value: "462600" },
            { text: "恩平市", value: "462700" },
            { text: "廉江市", value: "462800" },
            { text: "雷州市", value: "462900" },
            { text: "吴川市", value: "463000" },
            { text: "高州市", value: "463100" },
            { text: "化州市", value: "463200" },
            { text: "信宜市", value: "463300" },
            { text: "四会市", value: "463400" },
            { text: "兴宁市", value: "463500" },
            { text: "陆丰市", value: "463600" },
            { text: "阳春市", value: "463700" },
            { text: "英德市", value: "463800" },
            { text: "连州市", value: "463900" },
            { text: "普宁市", value: "464000" },
            { text: "罗定市", value: "464100" },
          ],
        },
        {
          text: "海南省",
          value: "470000",
          children: [
            { text: "海口市", value: "470100" },
            { text: "三亚市", value: "470200" },
            { text: "三沙市", value: "470300" },
            { text: "儋州市", value: "470400" },
            { text: "五指山市", value: "470500" },
            { text: "琼海市", value: "470600" },
            { text: "文昌市", value: "470700" },
            { text: "万宁市", value: "470800" },
            { text: "东方市", value: "470900" },
          ],
        },
        {
          text: "四川省",
          value: "480000",
          children: [
            { text: "成都市", value: "480100" },
            { text: "自贡市", value: "480200" },
            { text: "攀枝花市", value: "480300" },
            { text: "泸州市", value: "480400" },
            { text: "德阳市", value: "480500" },
            { text: "绵阳市", value: "480600" },
            { text: "广元市", value: "480700" },
            { text: "遂宁市", value: "480800" },
            { text: "内江市", value: "480900" },
            { text: "乐山市", value: "481000" },
            { text: "南充市", value: "481100" },
            { text: "眉山市", value: "481200" },
            { text: "宜宾市", value: "481300" },
            { text: "广安市", value: "481400" },
            { text: "达州市", value: "481500" },
            { text: "雅安市", value: "481600" },
            { text: "巴中市", value: "481700" },
            { text: "资阳市", value: "481800" },
            { text: "都江堰市", value: "481900" },
            { text: "彭州市", value: "482000" },
            { text: "邛崃市", value: "482100" },
            { text: "崇州市", value: "482200" },
            { text: "简阳市", value: "482300" },
            { text: "广汉市", value: "482400" },
            { text: "什邡市", value: "482500" },
            { text: "绵竹市", value: "482600" },
            { text: "江油市", value: "482700" },
            { text: "射洪市", value: "482800" },
            { text: "隆昌市", value: "482900" },
            { text: "峨眉山市", value: "483000" },
            { text: "阆中市", value: "483100" },
            { text: "华蓥市", value: "483200" },
            { text: "万源市", value: "483300" },
            { text: "马尔康市", value: "483400" },
            { text: "康定市", value: "483500" },
            { text: "西昌市", value: "483600" },
            { text: "会理市", value: "483700" },
          ],
        },
        {
          text: "贵州省",
          value: "490000",
          children: [
            { text: "贵阳市", value: "490100" },
            { text: "六盘水市", value: "490200" },
            { text: "遵义市", value: "490300" },
            { text: "安顺市", value: "490400" },
            { text: "毕节市", value: "490500" },
            { text: "铜仁市", value: "490600" },
            { text: "清镇市", value: "490700" },
            { text: "盘州市", value: "490800" },
            { text: "赤水市", value: "490900" },
            { text: "仁怀市", value: "491000" },
            { text: "黔西市", value: "491100" },
            { text: "兴义市", value: "491200" },
            { text: "兴仁市", value: "491300" },
            { text: "凯里市", value: "491400" },
            { text: "都匀市", value: "491500" },
            { text: "福泉市", value: "491600" },
          ],
        },
        {
          text: "云南省",
          value: "500000",
          children: [
            { text: "昆明市", value: "500100" },
            { text: "曲靖市", value: "500200" },
            { text: "玉溪市", value: "500300" },
            { text: "保山市", value: "500400" },
            { text: "昭通市", value: "500500" },
            { text: "丽江市", value: "500600" },
            { text: "普洱市", value: "500700" },
            { text: "临沧市", value: "500800" },
            { text: "安宁市", value: "500900" },
            { text: "宜威市", value: "501000" },
            { text: "澄江市", value: "501100" },
            { text: "腾冲市", value: "501200" },
            { text: "水富市", value: "501300" },
            { text: "楚雄市", value: "501400" },
            { text: "禄丰市", value: "501500" },
            { text: "个旧市", value: "501600" },
            { text: "开远市", value: "501700" },
            { text: "蒙自市", value: "501800" },
            { text: "弥勒市", value: "501900" },
            { text: "文山市", value: "502000" },
            { text: "景洪市", value: "502100" },
            { text: "大理市", value: "502200" },
            { text: "瑞丽市", value: "502300" },
            { text: "芒市", value: "502400" },
            { text: "泸水市", value: "502500" },
            { text: "香格里拉市", value: "502600" },
          ],
        },
        {
          text: "陕西省",
          value: "510000",
          children: [
            { text: "西安市", value: "510100" },
            { text: "铜川市", value: "510200" },
            { text: "宝鸡市", value: "510300" },
            { text: "咸阳市", value: "510400" },
            { text: "渭南市", value: "510500" },
            { text: "延安市", value: "510600" },
            { text: "汉中市", value: "510700" },
            { text: "榆林市", value: "510800" },
            { text: "安康市", value: "510900" },
            { text: "商洛市", value: "511000" },
            { text: "兴平市", value: "511100" },
            { text: "彬州市", value: "511200" },
            { text: "韩城市", value: "511300" },
            { text: "华阴市", value: "511400" },
            { text: "子长市", value: "511500" },
            { text: "神木市", value: "511600" },
            { text: "旬阳市", value: "511700" },
          ],
        },
        {
          text: "青海省",
          value: "520000",
          children: [
            { text: "西宁市", value: "520100" },
            { text: "海东市", value: "520200" },
            { text: "同仁市", value: "520300" },
            { text: "玉树市", value: "520400" },
            { text: "格尔木市", value: "520500" },
            { text: "德令哈市", value: "520600" },
            { text: "茫崖市", value: "520700" },
          ],
        },
        {
          text: "甘肃省",
          value: "530000",
          children: [
            { text: "兰州市", value: "530100" },
            { text: "嘉峪关市", value: "530200" },
            { text: "金昌市", value: "530300" },
            { text: "白银市", value: "530400" },
            { text: "天水市", value: "530500" },
            { text: "武威市", value: "530600" },
            { text: "张掖市", value: "530700" },
            { text: "平凉市", value: "530800" },
            { text: "酒泉市", value: "530900" },
            { text: "庆阳市", value: "531000" },
            { text: "定西市", value: "531100" },
            { text: "陇南市", value: "531200" },
            { text: "华亭市", value: "531300" },
            { text: "玉门市", value: "531400" },
            { text: "敦煌市", value: "531500" },
            { text: "临夏市", value: "531600" },
            { text: "合作市", value: "531700" },
          ],
        },
        {
          text: "台湾省",
          value: "540000",
          children: [
            { text: "台北市", value: "540100" },
            { text: "新北市", value: "540200" },
            { text: "桃园市", value: "540300" },
            { text: "台中市", value: "540400" },
            { text: "台南市", value: "540500" },
            { text: "高雄市", value: "540600" },
          ],
        },
      ],
    };
  },
  methods: {
    // 上传头像
    onRead(file) {
      var formData = new FormData(); //构造一个 FormData，把后台需要发送的参数添加
      formData.append("uploadFile", file.file);
      formData.append("uid", this.uid); //接口需要传的参数
      this.axios.post("/user/upload", formData);
    },
    // 地区选择
    // 全部选项选择完毕后，会触发 finish 事件
    onFinish({ selectedOptions }) {
      this.show = false;
      this.area = selectedOptions.map((option) => option.text).join("/");
    },
    //读取旧值
    Loadread() {
      this.axios.get("/user/checkuid/" + this.uid).then((result) => {
        this.username = result.data.data;
      });
    },
    // 修改信息
    update() {
      if (this.uid > 0) {
        this.axios
          .put(
            "/user/alter",
            `uid=${this.uid}&uname=${this.uname}&gender=${this.gender}&area=${this.area}&autograph=${this.autograph}`
          )
          .then((result) => {
            if (result.data.code == 200) {
              this.$router.push(`/me`);
            }
          });
      }
    },
  },
  mounted() {
    this.Loadread();
  },
};
</script>

<style>
.homepage {
  background-color: #f0f0f0;
}
.homepage .mytitle {
  width: 100%;
  height: 60px;
  font-size: 20px;
  padding-top: 5px;
  text-align: center;
  line-height: 60px;
  background-color: #fff;
  position: fixed;
  top: 0;
  z-index: 10;
  display: flex;
  justify-content: space-between;
}
.homepage .mytitle .bc {
  font-size: 16px;
  color: #007bff;
  margin-right: 15px;
  margin-left: -50px;
}
.homepage > .content {
  width: 95%;
  margin: 0 auto;
  padding-top: 80px;
  padding-bottom: 80px;
  text-align: left;
}
.homepage > .content span {
  font-size: 18px;
}
.homepage .pic {
  text-align: left;
  padding: 10px 10px 10px 20px;
  background-color: #fff;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
}
.homepage .pic > span {
  display: inline-block;
  line-height: 80px;
}
.homepage .pic > div {
  display: inline-block;
}
.homepage .myname {
  text-align: left;
  background-color: #fff;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
}
.homepage .myname > span {
  display: inline-block;
  line-height: 50px;
  padding-left: 20px;
}
.homepage .myname > div {
  width: 40%;
}
.homepage .myname input {
  width: 90%;
  height: 100%;
  color: #999;
  font-size: 16px;
  padding: 0;
  text-align: right;
  border: 0;
}
.homepage .sex {
  background-color: #fff;
  padding: 0px 10px 0px 20px;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
}
.homepage .sex p {
  width: 80px;
  line-height: 50px;
  font-size: 18px;
}
.homepage .sex .option {
  width: 100px;
  background-color: #fff;
  border: 0;
}

.homepage .pwd {
  height: 50px;
  padding: 0 17px 0 20px;
  line-height: 50px;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #eee;
}
.homepage .pwd > div {
  font-size: 18px;
}

.homepage .city {
  border-bottom: 1px solid #ddd;
}
.homepage .city .cityin {
  padding-left: 20px;
}

.homepage .introduce {
  font-size: 18px;
  padding: 10px;
  margin-top: 15px;
  background-color: #fff;
}
.homepage .introduce .tit {
  display: block;
  border-bottom: 1px solid #ddd;
  padding: 20px 10px 20px 10px;
}
.homepage .introduce .mytext {
  font-size: 20px;
  width: 100%;
  border: 0;
  margin-top: 20px;
}
</style>
